<!DOCTYPE html>
<!-- saved from url=(0030)http://www.szuavia.org/mobile/ -->
<html class="am-touch js cssanimations"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{config('sys.siteName')}}-{{config('sys.title')}}</title>
    <meta name="description" content="{{config('sys.description')}}">
    <meta name="keywords" content="{{config('sys.keywords')}}">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3868774_fnqknxd4emo.css">
    <link rel="stylesheet" href="{{$temps_src}}/file/amazeui.css">
    <link rel="stylesheet" href="{{$temps_src}}/file/public.css"> 
    <link rel="stylesheet" href="{{$temps_src}}/file/index.css">
    <link rel="stylesheet" href="{{$temps_src}}/file/style.css">
    <script src="{{$temps_src}}/file/hm.js"></script>
    <script src="{{$temps_src}}/file/jquery.min.js"></script> 
    <script src="{{$temps_src}}/file/amazeui.min.js"></script>
    <script src="{{$temps_src}}/file/public.js"></script>
    <script src="{{$temps_src}}/file/template-web.js"></script> 
    <style>
    .news .am-list-news-bd .am-list li{
        padding: 0.5rem 0;
    }  

    </style>
<style id="ai-assist-right-style">
    html.ai-assist-html {
      width: calc(100% - 480px)!important;
      position: relative!important;
      min-height: 100vh!important
    }
    .ai-assist-highlight {
      background: yellow;
    }
  </style></head>
<body class="am-with-topbar-fixed-top"> 
@include('home.mobile.header')
<!--banner-->
<div class="banner" style="margin-top:0px;">
<div data-am-widget="slider" class="am-slider am-slider-c1 am-no-layout" data-am-slider="{&quot;directionNav&quot;:false}"> 
                
            <div class="am-viewport" style="overflow: hidden; position: relative;">
            <ul class="am-slides" id="lunbo" style="width: 1200%; transition-duration: 0.6s; transform: translate3d(-2496px, 0px, 0px);">
            <!-- <li class="clone" aria-hidden="true" style="width: 624px; float: left; display: block;">
                <a href="http://www.szuavia.org/mobile/category2.html?id=7787">
                    <img style="width:100%; height:19rem;" src="{{$temps_src}}/file/1723208231.png" draggable="false">
                </a>
                <div class="am-slider-desc" id="title1_clone">“天外来物”为演唱会加持，无人机编队重塑文旅体验</div>
            </li> -->
            @foreach(newsList(2,1,0,5) as $k => $v)
            <li class="clone" aria-hidden="true" style="width: 624px; float: left; display: block;">
                <a href="/show/{{$v->id}}.html">
                    <img style="width:100%; height:19rem;" src="{{$v->thumb}}" draggable="false">
                </a>
                <div class="am-slider-desc" id="title1_clone">“{{$v->title}}</div>
            </li>
            @endforeach
        
            
        </ul>
    </div>
    <ol class="am-control-nav am-control-paging">
        <li><a class="">1</a><i></i></li>
        <li><a class="">2</a><i></i></li>
        <li><a class="">3</a><i></i></li>
        <li><a class="">4</a><i></i></li>
    </ol>
    <ul class="am-direction-nav">
        <li class="am-nav-prev"><a class="am-prev" href="http://www.szuavia.org/mobile/#"> </a></li>
        <li class="am-nav-next"><a class="am-next" href="http://www.szuavia.org/mobile/#"> </a></li>
    </ul>
</div>
</div>
<div class="am-g am-container" style="padding: 0">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8" style="padding: 0">
            
    
 <!-- 推荐资讯 -->
 <div class="am-u-sm-0 am-u-md-0 am-u-lg-4 padding-none am-g am-container" style="float: none; padding:10px;">
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="border-bottom: 1px solid #ccc;  ">
                    <h2 class="am-titlebar-title ">
                         推荐资讯
                    </h2> 
                </div> 
        <ul class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay" id="navtmpleta" data-am-gallery="{ pureview: true }">  
        @foreach(newsList(2,0,0,4) as $k => $v)
                            <li>
                                <div class="am-gallery-item"> 
                                    <a href="/show/{{$v->id}}.html">
                                        <img src="{{$v->thumb}}">
                                        <h3 class="am-gallery-title">{{$v->title}}</h3>
                                        <div class="am-gallery-desc">{{$v->created_at->format('Y-m-d')}}</div>
                                    </a>
                                </div>
                            </li> 
        @endforeach    
                        
                    
                </ul>
    </div>
    <div class="am-g am-container newatype" style="padding-bottom:40px;">
    <!-- 今日要闻 -->
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-8 oh" style="padding: 0">
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="border-bottom: 0px; margin-bottom: -10px">
                <h2 class="am-titlebar-title ">
                    今日要闻
                </h2> 
            </div> 
            <div data-am-widget="list_news" class="am-list-news am-list-news-default news am-no-layout">
                <div class="am-list-news-bd">
                    <ul class="am-list" id="newss">
                    @foreach(newsList(2,0,0,5) as $k => $v)
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-scrollspy-init am-scrollspy-inview am-animation-fade" data-am-scrollspy="{animation:'fade'}">
                    <div class="am-u-sm-5 am-list-thumb">
                        <a href="/show/{{$v->id}}.html">
                            <img src="{{$v->thumb}}">
                        </a>
                    </div>
                    <div class=" am-u-sm-7 am-list-main">
                        <h3 class="am-list-item-hd">
                            <a href="/show/{{$v->id}}.html">{{$v->title}}</a>
                        </h3>
                        <div class="am-list-item-text"><?php echo mb_substr($v->description, 0, 30, 'utf-8') ?></div>
                    </div>
                </li> 
                @endforeach
            
        </ul>
                </div> 
            </div>
        </div>
    <!-- 培训服务 -->
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-4" style="padding: 0"> 
    <!-- 人工智能培训 -->
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="padding: 0">
                <h2 class="am-titlebar-title ">
                    人工智能培训
                </h2> 
            </div> 
            <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg am-no-layout am-scrollspy-init am-scrollspy-inview am-animation-fade" data-am-scrollspy="{animation:'fade'}" style="padding: 0">
                <ul class="am-list" id="userdd"> 
                 
                @foreach(newsList(15,2,0,2) as $k => $v)
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-scrollspy-init" data-am-scrollspy="{animation:'fade'}">
                    <div class="am-u-sm-5 am-list-thumb">
                        <a href="/show/{{$v->id}}.html">
                            <img src="{{$v->thumb}}">
                        </a>
                    </div>
                    <div class=" am-u-sm-7 am-list-main">
                        <h3 class="am-list-item-hd">
                            <a href="/show/{{$v->id}}.html">{{$v->title}}</a>
                        </h3>
                        <div class="am-list-item-text"><?php echo mb_substr($v->description, 0, 30, 'utf-8') ?>
                        </div>
                    </div>
                </li> 
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default">
                @endforeach              
                </ul>
            </div>
            <!-- 青少年培训 --> 
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="padding: 0">
                <h2 class="am-titlebar-title ">
                    青少年培训
                </h2> 
            </div> 
            <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg am-no-layout am-scrollspy-init am-scrollspy-inview am-animation-fade" data-am-scrollspy="{animation:'fade'}" style="padding: 0">
                <ul class="am-list" id="userdd"> 
                 
                @foreach(newsList(5,2,0,2) as $k => $v)
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-scrollspy-init" data-am-scrollspy="{animation:'fade'}">
                    <div class="am-u-sm-5 am-list-thumb">
                        <a href="/show/{{$v->id}}.html">
                            <img src="{{$v->thumb}}">
                        </a>
                    </div>
                    <div class=" am-u-sm-7 am-list-main">
                        <h3 class="am-list-item-hd">
                            <a href="/show/{{$v->id}}.html">{{$v->title}}</a>
                        </h3>
                        <div class="am-list-item-text"><?php echo mb_substr($v->description, 0, 30, 'utf-8') ?>
                        </div>
                    </div>
                </li> 
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default">
                @endforeach              
                </ul>
            </div>
            <!-- 成年人培训 -->
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="padding: 0">
                <h2 class="am-titlebar-title ">
                    成年人培训
                </h2> 
            </div> 
            <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg am-no-layout am-scrollspy-init am-scrollspy-inview am-animation-fade" data-am-scrollspy="{animation:'fade'}" style="padding: 0">
                <ul class="am-list" id="userdd"> 
                 
                @foreach(newsList(6,2,0,2) as $k => $v)
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-scrollspy-init" data-am-scrollspy="{animation:'fade'}">
                    <div class="am-u-sm-5 am-list-thumb">
                        <a href="/show/{{$v->id}}.html">
                            <img src="{{$v->thumb}}">
                        </a>
                    </div>
                    <div class=" am-u-sm-7 am-list-main">
                        <h3 class="am-list-item-hd">
                            <a href="/show/{{$v->id}}.html">{{$v->title}}</a>
                        </h3>
                        <div class="am-list-item-text"><?php echo mb_substr($v->description, 0, 30, 'utf-8') ?>
                        </div>
                    </div>
                </li> 
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default">
                @endforeach              
                </ul>
            </div>
            <!-- 专业培训 -->
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="padding: 0">
                <h2 class="am-titlebar-title ">
                    专业培训
                </h2> 
            </div> 
            <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg am-no-layout am-scrollspy-init am-scrollspy-inview am-animation-fade" data-am-scrollspy="{animation:'fade'}" style="padding: 0">
                <ul class="am-list" id="userdd"> 
                 
                @foreach(newsList(7,2,0,2) as $k => $v)
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-scrollspy-init" data-am-scrollspy="{animation:'fade'}">
                    <div class="am-u-sm-5 am-list-thumb">
                        <a href="/show/{{$v->id}}.html">
                            <img src="{{$v->thumb}}">
                        </a>
                    </div>
                    <div class=" am-u-sm-7 am-list-main">
                        <h3 class="am-list-item-hd">
                            <a href="/show/{{$v->id}}.html">{{$v->title}}</a>
                        </h3>
                        <div class="am-list-item-text"><?php echo mb_substr($v->description, 0, 30, 'utf-8') ?>
                        </div>
                    </div>
                </li> 
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default">
                @endforeach              
                </ul>
            </div>
            <!-- 国防教育 -->
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="padding: 0">
                <h2 class="am-titlebar-title ">
                    国防教育
                </h2> 
            </div> 
            <div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg am-no-layout am-scrollspy-init am-scrollspy-inview am-animation-fade" data-am-scrollspy="{animation:'fade'}" style="padding: 0">
                <ul class="am-list" id="userdd"> 
                 
                @foreach(newsList(8,2,0,2) as $k => $v)
                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left am-scrollspy-init" data-am-scrollspy="{animation:'fade'}">
                    <div class="am-u-sm-5 am-list-thumb">
                        <a href="/show/{{$v->id}}.html">
                            <img src="{{$v->thumb}}">
                        </a>
                    </div>
                    <div class=" am-u-sm-7 am-list-main">
                        <h3 class="am-list-item-hd">
                            <a href="/show/{{$v->id}}.html">{{$v->title}}</a>
                        </h3>
                        <div class="am-list-item-text"><?php echo mb_substr($v->description, 0, 30, 'utf-8') ?>
                        </div>
                    </div>
                </li> 
                <hr data-am-widget="divider" style="" class="am-divider am-divider-default">
                @endforeach              
                </ul>

            </div>
            
    </div>
    <!-- 党建之窗 -->
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-4" style="padding:0px;">
    <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="padding: 0">
                <h2 class="am-titlebar-title ">
                    党建之窗
                </h2> 
            </div>
            <ul class="am-gallery am-avg-sm-1
    am-avg-md-1 am-avg-lg-1 am-gallery-default" data-am-gallery="{ pureview: true }" id="botn">
    @foreach(newsList(14,0,0,5) as $k => $v)
        <li>
            <div class="am-gallery-item">
                <a href="/show/{{$v->id}}.html" class="">
                    <img src="{{$v->thumb}}" alt="{{$v->title}}">
                    <h3 class="am-gallery-title">{{$v->title}}</h3>
                    <div class="am-gallery-desc">
                        <div class="am-fr"></div>
                        <div class="am-fl">{{$v->created_at->format('Y-m-d')}}</div>
                    </div>
                </a>
            </div>
        </li>
        @endforeach
    </ul>
</div>
<!-- 党建之窗结束 -->
</div>
<!-- 入会流程开始 -->
<div class="liucheng">
    <div class="liucheng_title" style="height:60px;line-height:60px;text-align:center;font-size:28px;font-weight:bolder;color:#fff;">加入协会</div>
        <ul>
          <li>
            <a href="/page/24.html" title="入会须知" target="_blank">入会须知</a>
          </li>
          <li class="margin_45">
            <a href="/page/25.html" title="入会流程" target="_blank">入会流程</a>
          </li>
          <li>
            <a href="/page/26.html" title="协会章程" target="_blank">协会章程</a>
          </li>
          <li class="margin_45">
            <a href="/user/register" title="立即入会" target="_blank">立即入会</a>
          </li>
        </ul>
      </div>
        <!-- 入会流程结束 -->
        <!-- 最新加入开始 -->
        <div class="new_member">
        <div class="title">最新入会:</div>
            <div class="scroll"> 
    <ul>
    @foreach(newsList(20,0,0,12) as $k => $v)
        <li><i>&nbsp;•&nbsp;</i><a href="/show/{{$v->id}}.html" title="{{$v->title}}" target="_blank"><span>{{$v->title}}</span></a></li>
    @endforeach 
    </ul> 
</div>
            <style>
.new_member{ margin: 0px 10px;padding: 5px;line-height: 1.5;font-size: 16px;background-color: #f0f0ee;height: 40px;width: 95%;border-top:solid 1px #1363ac;}
.new_member li{list-style:none;}
.new_member .title{display:inline-block;font-weight:bolder;color:#1363ac;overflow:hidden;position:relative;height:30px; line-height:30px; float:left;}
.new_member .scroll{display:inline-block;overflow:hidden;position:relative;height:30px; width:78%; float:left;}
.new_member .scroll ul{transform:translateY(0); padding:0px;}
.new_member .animate{-webkit-transition:all .3s ease-out;}
.new_member .scroll li{overflow:hidden;display:-webkit-box;margin-left:10px;width:90%;height:30px;line-height:30px;color:#333;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:normal;}
</style>
            <script>
$(function(){
    var scrollDiv = $(".scroll"),
        $ul = scrollDiv.find("ul"),
        $li = scrollDiv.find("li"),
        $length = $li.length,
        $liHeight = $li.height(),
        num = 0;

    if(scrollDiv.length == 0){
        return;
    }

    if($length > 1){
        $ul.append($li.eq(0).clone());
        setInterval(
            function(){
                num++;
                $ul.addClass("animate").css("-webkit-transform","translateY(-"+ $liHeight*(num) +"px)");
                setTimeout(
                    function(){
                        if(num == $length){
                            $ul.removeClass("animate").css("-webkit-transform","translateY(0)");
                            num = 0;
                        }
                    },300);
            },3000);
    }
});
</script>
        </div>
<!-- 就新加入结束 -->
<!-- 会员搜索开始 -->
<div class="search_btn" style="text-align:center;padding:50px;">
    <img id="btn1" src="{{$temps_src}}/file/search.png" alt="" width="150">
</div>

<!-- 会员搜索结束 -->
<!-- 专家团开始 -->
<div class="am-u-sm-12 am-u-md-12 am-u-lg-8" style="padding: 0px;">
<div class="am-u-sm-0 am-u-md-0 am-u-lg-4 padding-none am-g am-container" style="float: none; padding:10px;">
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="border-bottom: 1px solid #ccc;  ">
                    <h2 class="am-titlebar-title ">
                    专家团
                    </h2> 
                </div> 
        <ul class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay team" id="navtmpleta" data-am-gallery="{ pureview: true }"> 
            <style>
                /* .team li {
                    width:140px;
                    height:120px;
                    margin-left:20px;
                    float:left;
                    line-height:28px;
                }
                .team li img {
                    width:140px;
                    height:180px;
                    margin-left:20px;
                    float:left;
                    line-height:28px;
                } */
            </style> 
        @foreach(newsList(10,2,0,4) as $k => $v)
                            <li style="margin:15px 25px;padding:0px;width:auto;">
                                <div class="am-gallery-item" style="width:120px;height:160px"> 
                                    <a href="/show/{{$v->id}}.html">
                                        <img src="{{$v->thumb}}" style="width:120px;height:160px;border-radius:5px;">
                                        <h3 class="am-gallery-title" style="text-align:center">{{$v->title}}</h3>
                                    </a>
                                </div>
                            </li> 
        @endforeach    
                        
                    
                </ul>
    </div>
    </div>
<!-- 专家团结束 -->
<!-- 飞手库开始 -->
<div class="am-u-sm-12 am-u-md-12 am-u-lg-8" style="padding: 0px;">
<div class="am-u-sm-0 am-u-md-0 am-u-lg-4 padding-none am-g am-container" style="float: none; padding:10px;">
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default am-no-layout" style="border-bottom: 1px solid #ccc;  ">
                    <h2 class="am-titlebar-title ">
                    飞手库
                    </h2> 
                </div> 
        <ul class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay team" id="navtmpleta" data-am-gallery="{ pureview: true }"> 
            <style>
                /* .team li {
                    width:140px;
                    height:120px;
                    margin-left:20px;
                    float:left;
                    line-height:28px;
                }
                .team li img {
                    width:140px;
                    height:180px;
                    margin-left:20px;
                    float:left;
                    line-height:28px;
                } */
            </style> 
        @foreach(newsList(11,2,0,4) as $k => $v)
                            <li style="margin:15px 25px;padding:0px;width:auto;">
                                <div class="am-gallery-item" style="width:120px;height:160px"> 
                                    <a href="/show/{{$v->id}}.html">
                                        <img src="{{$v->thumb}}" style="width:120px;height:160px; border-radius:5px;">
                                        <h3 class="am-gallery-title" style="text-align:center">{{$v->title}}</h3>
                                    </a>
                                </div>
                            </li> 
        @endforeach    
                        
                    
                </ul>
    </div>
    </div>
<!-- 飞手库结束 -->
<div style="float:none;clear:both;"></div>
<!-- 产品展示开始 -->
<p class="product_top" style="margin: 3px 0px;height: 34px;line-height: 32px;"><span style="padding-left: 28px;
    background: url({{$temps_src}}/file/title_ic.png) left center no-repeat;
    font-size: 18px;
    font-weight: 700;
    color: #0d2c69;
    display: block;
    margin: 0 auto;
    width: 110px;
   ">产品展示</span></p>
<div class="wrapper">
	<ul class="wall" style="padding-left:0;">
    @foreach(newsList(12,0,0,6) as $k => $v)
		<li class="article">
			<a href="/show/{{$v->id}}.html">
				<img src="{{$v->thumb}}" />
			<p><?php echo mb_substr($v->title, 0, 30, 'utf-8') ?></p>
				<!-- <small><?php echo mb_substr($v->description, 0, 40, 'utf-8') ?></small> -->
				<!-- <input type="button" value="查看" /> -->
			</a>
		</li>
        @endforeach	
	</ul>
</div>

<script src="{{$temps_src}}/file/jaliswall.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
		$('.wall').jaliswall({ item: '.article' });
	});
</script>
<!-- 产品展示结束 -->
</div>
</div>
<div style="float:none;clear:both;"></div>
    @include('home.mobile.footer')
 <!----></body></html>